<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      style="background: #F5F7FA;"
    >
      <div
        class="ant-pro-page-container ant-pro-page-container-with-footer"
      >
        <div
          class="ant-page-header ant-pro-page-container-warp-page-header ant-page-header-has-breadcrumb ant-page-header-has-footer ant-page-header-ghost"
        >
          <nav
            class="ant-breadcrumb ant-page-header-breadcrumb"
          >
            <ol>
              <li>
                <a
                  class="ant-breadcrumb-link"
                  href="#/"
                >
                  Primary page
                </a>
              </li>
              <li
                aria-hidden="true"
                class="ant-breadcrumb-separator"
              >
                /
              </li>
              <li>
                <a
                  class="ant-breadcrumb-link"
                  href="#//"
                >
                  Secondary page
                </a>
              </li>
              <li
                aria-hidden="true"
                class="ant-breadcrumb-separator"
              >
                /
              </li>
              <li>
                <a
                  class="ant-breadcrumb-link"
                  href="#///"
                >
                  Current page
                </a>
              </li>
            </ol>
          </nav>
          <div
            class="ant-page-header-heading "
          >
            <div
              class="ant-page-header-heading-left"
            >
              <span
                class="ant-page-header-heading-title"
                title="Page Title"
              >
                Page Title
              </span>
            </div>
            <span
              class="ant-page-header-heading-extra"
            >
              <div
                class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
              >
                <div
                  class="ant-space-item"
                >
                  <button
                    class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
                    type="button"
                  >
                    <span>
                      Secondary button
                    </span>
                  </button>
                </div>
                <div
                  class="ant-space-item"
                >
                  <button
                    class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
                    type="button"
                  >
                    <span>
                      Secondary button
                    </span>
                  </button>
                </div>
                <div
                  class="ant-space-item"
                >
                  <button
                    class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
                    type="button"
                  >
                    <span>
                      Primary button
                    </span>
                  </button>
                </div>
                <div
                  class="ant-space-item"
                >
                  <button
                    class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-dropdown-trigger"
                    style="padding: 0px 8px;"
                    type="button"
                  >
                    <span
                      aria-label="ellipsis"
                      class="anticon anticon-ellipsis"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="ellipsis"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <path
                          d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
                        />
                      </svg>
                    </span>
                  </button>
                </div>
              </div>
            </span>
          </div>
          <div
            class="ant-page-header-footer"
          >
            <div
              class="ant-tabs ant-tabs-top ant-tabs-editable ant-tabs-card ant-tabs-editable-card ant-pro-page-container-tabs"
            >
              <div
                aria-orientation="horizontal"
                class="ant-tabs-nav"
                role="tablist"
              >
                <div
                  class="ant-tabs-nav-wrap"
                >
                  <div
                    class="ant-tabs-nav-list"
                    style="transform: translate(0px, 0px);"
                  >
                    <div
                      class="ant-tabs-tab ant-tabs-tab-active"
                      data-node-key="base"
                    >
                      <div
                        aria-controls="rc-tabs-test-panel-base"
                        aria-selected="true"
                        class="ant-tabs-tab-btn"
                        id="rc-tabs-test-tab-base"
                        role="tab"
                        tabindex="0"
                      >
                        Basic information
                      </div>
                    </div>
                    <div
                      class="ant-tabs-tab ant-tabs-tab-with-remove"
                      data-node-key="info"
                    >
                      <div
                        aria-controls="rc-tabs-test-panel-info"
                        aria-selected="false"
                        class="ant-tabs-tab-btn"
                        id="rc-tabs-test-tab-info"
                        role="tab"
                        tabindex="-1"
                      >
                        Detailed information
                      </div>
                      <button
                        aria-label="remove"
                        class="ant-tabs-tab-remove"
                        role="tab"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          aria-label="close"
                          class="anticon anticon-close"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="close"
                            fill="currentColor"
                            fill-rule="evenodd"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z"
                            />
                          </svg>
                        </span>
                      </button>
                    </div>
                    <div
                      class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
                      style="width: 0px; left: 0px; transform: translateX(-50%);"
                    />
                  </div>
                </div>
                <div
                  class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
                >
                  <button
                    aria-controls="rc-tabs-test-more-popup"
                    aria-expanded="false"
                    aria-haspopup="listbox"
                    class="ant-tabs-nav-more"
                    id="rc-tabs-test-more"
                    style="visibility: hidden; order: 1;"
                    type="button"
                  >
                    <span
                      aria-label="ellipsis"
                      class="anticon anticon-ellipsis"
                      role="img"
                    >
                      <svg
                        aria-hidden="true"
                        data-icon="ellipsis"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <path
                          d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
                        />
                      </svg>
                    </span>
                  </button>
                </div>
                <div
                  class="ant-tabs-extra-content"
                >
                  Test tabBarExtraContent
                </div>
              </div>
              <div
                class="ant-tabs-content-holder"
              >
                <div
                  class="ant-tabs-content ant-tabs-content-top"
                >
                  <div
                    aria-hidden="false"
                    aria-labelledby="rc-tabs-test-tab-base"
                    class="ant-tabs-tabpane ant-tabs-tabpane-active"
                    id="rc-tabs-test-panel-base"
                    role="tabpanel"
                    tabindex="0"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="ant-pro-grid-content"
        >
          <div
            class="ant-pro-grid-content-children"
          >
            <div
              class="ant-pro-page-container-children-container"
            >
              <div
                class="ant-pro-card ant-pro-card-border ant-pro-card-contain-card ant-pro-card-ghost"
              >
                <div
                  class="ant-pro-card-body ant-pro-card-body-direction-column"
                >
                  <div
                    class="ant-pro-card-col"
                    style="padding-block-start: 8px; padding-block-end: 8px;"
                  >
                    <div
                      class="ant-pro-card ant-pro-card-border"
                      style="height: 200px;"
                    >
                      <div
                        class="ant-pro-card-body"
                      />
                    </div>
                  </div>
                  <div
                    class="ant-pro-card-col"
                    style="padding-block-start: 8px; padding-block-end: 8px;"
                  >
                    <div
                      class="ant-pro-card ant-pro-card-border ant-pro-card-contain-card ant-pro-card-ghost"
                      style="height: 200px;"
                    >
                      <div
                        class="ant-pro-card-body"
                      >
                        <div
                          class="ant-pro-card-col ant-pro-card-col-16"
                          style="padding-inline-end: 8px; padding-inline-start: 8px;"
                        >
                          <div
                            class="ant-pro-card ant-pro-card-border"
                          >
                            <div
                              class="ant-pro-card-body"
                            />
                          </div>
                        </div>
                        <div
                          class="ant-pro-card-col ant-pro-card-col-8"
                          style="padding-inline-end: 8px; padding-inline-start: 8px;"
                        >
                          <div
                            class="ant-pro-card ant-pro-card-border"
                          >
                            <div
                              class="ant-pro-card-body"
                            />
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-pro-footer-bar"
      >
        <div
          class="ant-pro-footer-bar-left"
        />
        <div
          class="ant-pro-footer-bar-right"
        >
          <button
            class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
            type="button"
          >
            <span>
              Reset
            </span>
          </button>
          <button
            class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
            type="button"
          >
            <span>
              Submit
            </span>
          </button>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>